3.09. Практика

ОБЯЗАТЕЛЬНОДЛЯ НОВИЧКОВНЕ ДЛЯ НОВИЧКОВВ РАЗРАБОТКЕ

Разработчику Аналитику Тестировщику
Архитектору Инженеру

Практика

Практическое задание

Выполните нижеуказанное задание.

Сейчас попробуйте сделать проект-калькулятор на HTML, базовый HTML-шаблон с полями для ввода чисел, кнопками операций (+, -, , /, =) и полем для отображения результата:

для ввода чисел используйте input type="number";
кнопки – <button>, создайте кнопки операций +, -, *, /. =.
поле результата - <div>;
контейнер для калькулятора сделать как <div class="calculator">;
в качестве события используйте <onclick>;
обратите внимание на идентификаторы и классы – мы предусмотрим их заранее;
можете добавить комментарии на свой вкус;
можете разбавить страницу своими тегами и элементами для тренировки.

Подсказка:

<div class="calculator">
  <input type="number" id="num1" placeholder="Первое число">
  <input type="number" id="num2" placeholder="Второе число">

  <button onclick="/* скрипт для суммирования*/">+</button>
  <button onclick="/* скрипт для вычитания */">-</button>
  <button onclick="/* скрипт для умножения */">*</button>
  <button onclick="/* скрипт для деления */">/</button>
  <button onclick="/* скрипт для вывода результата */">=</button>

  <div id="result">Результат: </div>

  <noscript>
    <p>Калькулятор требует JavaScript. Включите его в настройках браузера.</p>
  </noscript>
</div>

Практика​

Практика